<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Probably the most complete UI kit out there. Multiple functionalities and controls added,  extended color palette and beautiful typography, designed as its own extended version of Bootstrap at  the highest level of quality.                             ">
    <meta name="author" content="Webpixels">
    <title>评测系统</title>
    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700,800|Roboto:400,500,700" rel="stylesheet">
    <!-- Theme CSS -->
    <link type="text/css" th:href="@{/css/theme.css}" rel="stylesheet">
  </head>
  <body>
    <div th:replace="~{common/header :: header}"></div>
    <main class="main">
      <section class="spotlight parallax bg-cover bg-size--cover" data-spotlight="fullscreen">
        <div class="spotlight-holder py-lg pt-lg-xl">
          <div class="container d-flex align-items-center no-padding">
            <div class="col">
              <!-- 任务列表 -->
              <div th:each="rowTask, status : ${allTask}" style="margin-bottom: 64px" class="row cols-xs-space align-items-center text-center text-md-left justify-content-center">
                <div th:each="task, status1 : ${rowTask}" class="col-12 col-sm-4 align-items-center">
                  <div class="text-center" th:onclick="'location.href = \'/evaluation?taskId=' + ${task.esTaskId} + '\''">
                    <div class="card" style="width: 18rem;margin: 0 auto;background: #e8f2ff;">
                      <div class="card-body">
                        <h4 th:text="${task.esTaskName}" class="card-title"></h4>
                        <p th:text="${task.isComplete?'已完成':'待完成'}"></p>
                        <a href="#" class="btn btn-sm btn-primary">进入评价</a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </main>
    <div th:replace="~{common/footer :: footer}"></div>
  </body>
</html>
